﻿<UserControl x:Class="TimeRibbon.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    xmlns:local="clr-namespace:TimeRibbon"
    xmlns:tk="clr-namespace:Toolkit;assembly=Toolkit"
    mc:Ignorable="d" d:DesignWidth="640" d:DesignHeight="480">
    <Grid x:Name="LayoutRoot">
        <StackPanel>
            <Border BorderBrush="Blue" BorderThickness="1" VerticalAlignment="Top">
                <local:TimeRibbon RibbonBorderBrush="LimeGreen" Height="100" MillisPerPixel="50" TotalSeconds="50" />
            </Border>
            <Border BorderBrush="Black" BorderThickness="1" Margin="5" >
                <Rectangle Height="50"  />
            </Border>
            <Border BorderBrush="Red" BorderThickness="1" VerticalAlignment="Top">
                <local:TimeRibbon RibbonBorderBrush="ForestGreen" Height="100" MillisPerPixel="50" TotalSeconds="50" />

            </Border>
            <Border BorderBrush="Black" BorderThickness="1" Margin="5" >
                <Rectangle Height="50"  />
            </Border>
            <Border BorderBrush="Green" BorderThickness="1" VerticalAlignment="Top">
                <local:TimeRibbon Height="100" MillisPerPixel="99" />
            </Border>
            <Border BorderBrush="Black" BorderThickness="1" Margin="5" >
                <Rectangle Height="50"  />
            </Border>
            <Border BorderBrush="Cyan" BorderThickness="1" VerticalAlignment="Top">
                
                <tk:TimeRibbon Height="100" Width="800" HorizontalAlignment="Left" Margin="5" Background="Beige" />
            </Border>

        </StackPanel>
    </Grid>
</UserControl>
